<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/12/23
  Time: 10:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8" />
    <title>您访问的网页出错啦！</title>
    <meta name="description" content="Some ideas for modern button styles and effects" />
    <meta name="keywords" content="button, effect, hover, style, inspiration, web design" />
    <meta name="author" content="Codrops" />
    <link href="<%=request.getContextPath()%>/static/img/15.0904011.ico" mce_href="favicon.ico" rel="shortcut icon" type="<%=request.getContextPath()%>/static/img/15.0904011.ico" />
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/js/jquery-3.4.1.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/js/jquery.beattext.js"></script>
    <script type="text/javascript" src="<%=request.getContextPath()%>/static/js/easying.js"></script>

    <link rel="stylesheet" href="<%=request.getContextPath()%>/static/css/button.css" />
    <script type="text/javascript">
        var system ={};
        var p = navigator.platform;
        system.win = p.indexOf("Win") == 0;
        system.mac = p.indexOf("Mac") == 0;
        system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
        if(system.win||system.mac||system.xll){//如果是电脑跳转到
            window.location.href="#";
        }else{  //如果是手机,跳转到
            window.location.href="${pageContext.request.contextPath}/index.jsp";
        }
    </script>
    <style type="text/css">
        body{
            margin: 0;
            background:url(<%=request.getContextPath()%>/static/img/bg.jpg)no-repeat center center fixed;
            background-size:cover;
            width: 100%;
            min-height: 100%;
        }
        .container p{
            text-align:center;
            padding:10px;
            font-size:30px ;
            color: darksalmon;

        }

        .logo {
            width:200px;
            height:200px;
            margin:120px auto 0px;
            border-radius:200px;
            border:5px solid ;
            box-shadow:5px 5px 5px rgba(0,0,0,0.3);
            transition:1s all;
        }

        .logo img {
            width:200px;
            height:200px;
            margin:0px auto 0px;
            background:#fff;
            border-radius:200px;
        }

        .logo:hover {
            transform:rotate(360deg);
            box-shadow:0px 0px 0px rgba(0,0,0,0.3);
        }
        .body_buttom{
            width: 100%;
            height: 290px;
            position:fixed;
            bottom:0px;
            background: rgba(255,255,255,0.3);
        }

        a{
            margin-left:60px ;
            text-decoration: none;
            padding: 20px 30px;
            background: rgba(255,255,255,0.1);
            border-radius: 25px;
            transition:1s all;
            color: hotpink;
        }

    </style>

    <script type="text/javascript">
        $(document).ready(function() {
            $('p#roloadText').beatText({isAuth:true,beatHeight:"1em",isRotate:false,upTime:100,downTime:100});
        });
    </script>
</head>
<body>

    <div class="logo" id="a" onclick="a();" title="点击我有惊喜！">
        <img src="<%=request.getContextPath()%>/static/img/20171216094159_QaLXP.jpeg">
    </div>
    <br /><br />
    <div class="container">
        <p id="roloadText">404！网页君找不到这个网页了哦...</p>
    </div>

    <div class="box bg-1">
        <button class="button button--antiman button--round-l button--text-medium" onclick="window.open('${pageContext.request.contextPath}/index.jsp')"><span>返回首页</span></button>
    </div>

    <div class="body_buttom">


        <audio autoplay loop id="music">
            <source src="<%=request.getContextPath()%>/static/music/Yunomi.mp3" type="audio/mpeg">
        </audio>
    </div>
</body>
<script>
    function a(){
        var audio = document.getElementById('music');
        if(audio.paused){
            audio.play();//audio.play();// 播放
        }
        else{
            audio.pause();// 暂停
        }
    }
</script>
</html>

